<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link href="jq-skywheel.css" rel="stylesheet">
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
</head>
<body>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <div>
    <ul id="ran">
      <li class="first"><img src="http://lorempixel.com/200/200/cats/1"/></li>
      <li><img src="http://lorempixel.com/200/200/cats/2"/></li>
      <li><img src="http://lorempixel.com/200/200/cats/3"/></li>
      <li><img src="http://lorempixel.com/200/200/cats/4"/></li>
      <li><img src="http://lorempixel.com/200/200/cats/5"/></li>
      <li><img src="http://lorempixel.com/200/200/cats/6"/></li>
      <li><img src="http://lorempixel.com/200/200/cats/7"/></li>
      <li><img src="http://lorempixel.com/200/200/cats/8"/></li>
      <li><img src="http://lorempixel.com/200/200/cats/9"/></li>
      <li><img src="http://lorempixel.com/200/200/cats/10"/></li>

    </ul>
    </div>
    <div id="respond"></div>

    <script src="jq-skywheel.js"></script>
    <script type="text/javascript">
    $("#ran").skywheel({effect:2,width:"300px",height:"300px"});
	 $("#ran").find(".first").trigger("click");
    </script>
</body>
</html>